<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>我要提现</title>
	<link rel="stylesheet" href="../css/common.css">
	<style>
		.withdrawal{
			padding: 1rem;
		}
		.tixanBox{
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
			margin-bottom: 2rem;
		}
		.tixianInfor{
			padding: 1rem;
			border-bottom: 1px solid #f5f5f5;
		}
		.tixianTitle{
			font-weight: bold;
		}
		.tabList{
			display: flex;
			margin-top: 1rem;
		}
		.tabs{
			width: 50%;
			text-align: center;
		}
		.on{
			border-bottom: 1px solid #007AFF;
			color: #007AFF;
		}
		.shouquanBox{
			display: none;
		}
		.shouquan{
			display: flex;
			padding: 1rem .5rem;
			align-items: center;
		}
		.shouquan img{
			height: 1.5rem;
		}
		.shouquan span{
			margin-left: 1rem;
			color: #999;
			width: 100%;
		}
		.shouquanBtn{
			width: 100%;
		}
		.sq{
			float: right;
			width: 5.5rem;
			height: 1.5rem;
			text-align: center;
			line-height: 1.5rem;
			border-radius: 1.5rem;
			background-color: #007AFF;
			color: #fff;
		}
		.withdrawal .active{
			display: block;
		}
		.moneyBox{
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
			padding: 1rem;
		}
		.moneyTitle{
			font-size: 1rem;
			font-weight: bold;
		}
		.moneyTitle span {
			font-size: 0.875rem;
			color: #888;
		}
		.write{
			margin-top: 1rem;
			padding: 0 .5rem;
			border-bottom: 1px solid #f5f5f5;
			font-size: 1.25rem;
		}
		.write:hover{
			border-bottom: 1px solid #0075FF;
		}
		.write input {
			font-size: 1.125rem;
			color: #333;
		}
		.tishiTitle{
			margin: 1rem 0;
		}
		.tishiBox p{
			font-size: 0.75rem;
			color: #888;
		}
		.shenqingBtn{
			width: 60%;
			text-align: center;
			height: 2rem;
			line-height: 2rem;
			color: #fff;
			border-radius: 3rem;
			background-color: #f6c078;
			margin: 1rem auto;
		}
		.tixianHistory{
			text-align: center;
		}
		.tixianHistory a {
			font-size: 1rem;
			color: #FF0000;
			display: -webkit-inline-box;
			border-bottom: 1px solid #FF0000;
		}
	</style>
</head>
<body>
	<div class="tabsBox">
		<div class="topTab">
			<div class="tabLeft">
				<img src="../assets/left_J.png" >
			</div>
			<div class="tabCenters">我要提现</div>
			<!-- <div class="tabRight">收益说明</div> -->
		</div>
	</div>
	<div class="withdrawal">
		<div class="tixanBox">
			<div class="tixianInfor">
				<div class="tixianTitle">提现账号</div>
				<div class="tabList">
					<div class="tabs on"><span>微信</span></div>
					<div class="tabs"><span>支付宝</span></div>
				</div>
			</div>
			<div class="shouquanBox active">
				<div class="shouquan ">
					<img src="../assets/wx.png" >
					<span>未设置账号</span>
					<div class="shouquanBtn">
						<div class="sq">授权</div>
					</div>
				</div>
			</div>
			<div class="shouquanBox">
				<div class="shouquan ">
					<img src="../assets/wx.png" >
					<span>auiomasd</span>
					<div class="shouquanBtn">
						<div class="sq">授权</div>
					</div>
				</div>
			</div>
		</div>
		<div class="moneyBox">
			<div class="moneyTitle">提现金额<span>（我的账户余额：1545.12元）</span></div>
			<div class="write">
				￥<input type="text">
			</div>
			<div class="tishiBox">
				<div class="tishiTitle">温馨提示</div>
				<p>1.低于10元不得提现，发起提现需为10的倍数，例：100元。</p>
				<p>2.黄金会员单笔最大为500元，合伙人每天为800元，股东为1000元。</p>
				<p>3.每日可提现次数为1笔。</p>
				<p>4.发起提现后24小时内到账，周末/节假日顺延到工作日提现</p>
				<div class="shenqingBtn">申请提现</div>
				<div class="tixianHistory"><a href="../html/wallet.html">提现记录</a></div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript">
	$(function(){
			$('.tabs').click(function(){
				var index = $(this).index();
				$(this).addClass("on").siblings().removeClass("on");
	      		 $(".shouquanBox").eq(index).addClass("active").siblings().removeClass("active");
			})
		})
</script>
</html>